<template>
	<view class="content">
		<u-navbar :is-back="false" title="通讯录">
			<view slot="right">
				<!-- <image src="@/static/search.png" class="icon"></image> -->
				<image src="/static/user/add.png" class="icon" style="margin-right: 32rpx;margin-left: 40rpx;" @click="addOptionShow = !addOptionShow"></image>
			</view>
		</u-navbar>
		
		<view class="allwrap">
			
			<view class="frame-log flexal" @click="go('/pages5/log/log')">
				<image src="/static/user/icon.png" class="log-img"></image>
				<view class="text">我的日志</view>
			</view>
			
			<view class="frame-user">
				<view class="flexal" style="margin-bottom: 14rpx;" @click="go('/pages5/edit/edit')">
					<image :src="avatar" class="user-img"></image>
					<view class="user-name">姓名</view>
					<view class="user-text">编辑管理</view>
					<image src="/static/right.png" class="uesr-icon"></image>
				</view>
				
				<view class="flexal" style="margin-top: 28rpx;" @click="go('/pages5/group/group')">
					<image src="/static/user/icon1.png" class="user-icon1"></image>
					<view class="user-text" style="font-size: 30rpx;margin-left: 24rpx;">我的群组</view>
				</view>
				<view class="flexal" style="margin-top: 28rpx;" @click="go('/pages5/start/start')">
					<image src="/static/user/icon2.png" class="user-icon1"></image>
					<view class="user-text" style="font-size: 30rpx;margin-left: 24rpx;">星标联系人</view>
				</view>
			</view>
			
			<view class="frame-user">
				<view class="flexal">
					<image src="/static/user/icon3.png" class="user-icon1"></image>
					<view class="user-text" style="font-size: 30rpx;margin-left: 24rpx;">深圳市XXXXXX有限公司</view>
				</view>
				<view class="flexal" style="margin-top: 28rpx;" @click="go('/pages5/framework/framework')">
					<image src="/static/user/icon4.png" class="user-icon2"></image>
					<view class="user-text" style="font-size: 30rpx;margin-left: 24rpx;color: #333333;">组织架构</view>
				</view>
				<view class="flexal" style="margin-top: 28rpx;" @click="go('/pages5/framework/framework')">
					<image src="/static/user/icon4.png" class="user-icon2"></image>
					<view class="user-text" style="font-size: 30rpx;margin-left: 24rpx;color: #333333;">技术部</view>
				</view>
			</view>
			
		</view>
		
		<!-- 电话提示滑动快 -->
		<movablearea1 :movaheight="movaheightAll" v-if="movableareaShow" @editMovaheightAll="editMovaheightAll" :movaTop="movaTopAll"></movablearea1>

		<u-tabbar v-model="tabs" :list="common_bottom" inactive-color="#858A99" active-color="#0052D9" :border-top="false" icon-size="56" height="120" bg-color="#fff"></u-tabbar>
	</view>

</template>

<script>
	export default {
		data() {
			return {
				common_bottom: getApp().globalData.common_bottom,
				avatar:'https://cdn.uviewui.com/uview/album/10.jpg',
				list:[
					{
						name:'技术部',
					}
				]
			}
		},
		onLoad() {
			
		},
		onShow() {
			
		},
		onPullDownRefresh() {
			
		},
		methods: {
			
		}

	}
</script>



<style lang="less">
	.content{
		background: #F3F4F6;
	}
	.frame-log{
		margin-top: 32rpx;
		width: 686rpx;
		height: 126rpx;
		// background: linear-gradient( 114deg, #F2F3FF 0%, #8EABFF 100%);
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		.log-img{
			position: absolute;
			width: 686rpx;
			height: 126rpx;
			border-radius: 16rpx 16rpx 16rpx 16rpx;
		}
		.text{
			margin-left: 138rpx;
			position: relative;
			font-weight: 500;
			font-size: 32rpx;
			color: #000000;
		}
	}
	.frame-user{
		margin-top: 32rpx;
		padding: 28rpx 32rpx 34rpx 32rpx;
		background: #FFFFFF;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		
		.user-img{
			width: 70rpx;
			height: 70rpx;
			border-radius: 50%;
		}
		.user-name{
			margin-left: 24rpx;
			font-weight: 500;
			font-size: 30rpx;
			color: #333333;
			flex: 1;
		}
		.user-text{
			font-weight: 400;
			font-size: 26rpx;
			color: #000000;
		}
		.uesr-icon{
			margin-left: 16rpx;
			width: 11rpx;
			height: 18rpx;
		}
		.user-icon1{
			width: 60rpx;
			height: 60rpx;
		}
		.user-icon2{
			width: 14rpx;
			height: 16rpx;
			margin-left: 30rpx;
		}
	}
	.icon{
		width: 40rpx;
		height: 40rpx;
	}
</style>